<template>
	<!-- vue3页面 -->
	
	<div class="wrap" key="$store.activeIndex"> 
		原始页面
		<el-input v-model="sss"></el-input>
		<h2>{{paramsID}}</h2>
	</div>
</template>

<script lang='ts'>
import { defineComponent, onActivated, onDeactivated, reactive, ref } from 'vue'
export default defineComponent({
	name: 'sixTwo',
	props:{
		paramsID:{
			type:Number,
			defaut:0
		}
	},
	setup() {
		const sss = ref('')
		onActivated(()=>{
			console.log('创建')
		})
		onDeactivated(()=>{
			console.log('销毁')
		})
		return {
			sss
		}
	}
})
</script>

<style scoped>
.wrap{
	border: solid;
	margin: 20px;
	height: 300px;
}
</style>